<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>学生信息管理系统</title>
	</head>
	
	
	<body>
		<!--表单组件，action提交的连接地址-->
		<form>
			<h1>学生信息管理系统</h1>
			
			<div>				
			<label>姓名：</label>
			<input type="text" name="name" id="name" />
			</div>
			
			<div>
			<label>学号：</label>
			<input type="number" name="num" id="num" />
			</div>
			
			<div>
				<label>性别：</label>
				<!--单选框，name一致，自动变成一组-->
				<input type="radio" name="sex" id="sex" value="男" />男
				<input type="radio" name="sex" id="sex" value="女"/>女																			
			</div>
			<div>
				<label>爱好：</label>
				<input type="checkbox" name="hobby" id="hobby" value="乒乓球"/>乒乓球
				<input type="checkbox" name="hobby" id="hobby" value="爬山"/>爬山
				<input type="checkbox" name="hobby" id="hobby" value="唱歌"/>唱歌
			</div>
			<div>
				<label>学历：</label>
				<!--下拉框，展示中文，传递数字
				1-小学，2-初中，3-高中，4-大专，5-本科-->
				<select name="edu" id="edu">
					<option value="1">小学</option>
					<option value="2">初中</option>
					<option value="3">高中</option>
					<option value="4">大专</option>
					<option value="5">本科</option>
				</select>
			</div>
			<br />
			<div>
				<!--按钮有两种形式
				提交submit，自动执行form.action指定url链接
				-->
				<input type="submit" name="save" value="保存" />
				<button type="button" name="btnClear">取消</button>
				
			</div>
			
			    
	
			
			
		</form>		
	</body>
</html>
